jQuery(function($) {

    $('[id^=hero-slider-block_]').each(function() {
        $slider_block_id = '#'+ this.id;

        $slideshow_speed = $($slider_block_id).data('slideshow-speed');
        $slideshow = $($slider_block_id).data('slideshow');
        $direction_nav = $($slider_block_id).data('direction-nav');

        //hero slider block
        $($slider_block_id + ' .hero-slider').flexslider({
        	slideshow: $slideshow,
        	slideshowSpeed: $slideshow_speed,
        	animation: "fade",
        	controlNav: false,
        	directionNav: $direction_nav,
        	touch: true,
        	useCSS: false, //fixes flickering issue
        	pauseOnHover: true
        });
    });
    
});